/* -- Main layout styles -- */

html, body {
	margin: 0; padding: 0;
	font-family: verdana, helvetica, sans-serif, arial;
	background-color: #FFFFFF;
  color: #333333;
  width: 100%;
	font-size:1em;
}

img { border:0; }
hr { background-color:#eee; }
h2 { font-size: 1.3em; }

ul {
	margin:5px;
  padding: 0;
  list-style: none;
}
ul li {
	padding: 4px 5px 4px 20px;
	background: transparent url(../files/images/li_bullet.gif) no-repeat left 0.5em;
}

/* -- Header layout/display styles -- */

#header {
	margin:30px 0 -10px 0; padding:0 0 0 60px;
	text-align:center;
	background: #fff url(../files/images/bg_stars.gif) center center no-repeat;
}
#top-section {
	position:absolute;
	top:0;left:0;right:0;
	width:100%;
	line-height:1.5em;
	font-size:0.9em;
	border-bottom:1px solid #cdf;
	background: #fff url(../files/images/top_bg.jpg) bottom center repeat-x;
}

#top-left { float:left; }
#top-left ul { margin:0; padding:0; }
#top-left ul li {
	margin:0; padding:0;
	list-style:none;
	display:inline;
	background-image:none;
}
#top-left a {
  padding: 0.2em 1.3em 0.2em 1.3em;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  color: #4444ee;
}
#top-left a:hover, #top-left a.active { color: #44cc44; }

#top-right { 	
	position:absolute;
	top:0;right:0;
	float:right;
	padding:0 10px;
	background: #fff url(../files/images/top_bg.jpg) bottom center repeat-x;
	border-left:1px solid #cdf;
}
#top-right a {
  padding: 0.2em 0.6em 0.2em 0.6em;
  text-align: center;
  text-decoration: none;
  color: #ff9900;
	font-size: 1.1em;
}
#top-right a:hover, #top-right a.active { color: #44cc44; }

#content {
	margin:0 auto; padding:0;
  width: 95%;
	display:block;
}

h1.header, h2.header {
	margin:0 0 15px 0; padding: 0 5px 10px 15px;
	background: url(../files/images/bg_menu.gif) bottom left repeat-x;
  font-size: 1.3em;
  color: #444;
	
}
.contentBody {
	margin:0; padding:0 15px;
  line-height: 1.5em; 
  font-size: 1em;
}

.sitemenu {
	position:absolute;
	top:30px; right:0;
	line-height:1.3em;
	font-size:0.9em;
	background-color:#fff;
}
ul.sitemenu li {
	list-style:none;
	margin:0; padding:3px 0;
}
.sitemenu ul li {
	margin:0 0 0 5px;
}
.sitemenu a {
  padding: 0.2em 0.6em 0.2em 1.2em;
  font-size: 0.9em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #ee4444;
}
.sitemenu a:hover, .sitemenu a.active {
	color: #44cc44;
}

/* -- Footer layout/display styles -- */

#footer {
	clear:both;
	width:100%;
  height: 2.4em;
  line-height: 2.4em;
  font-size: 0.8em;
  text-transform: lowercase;
	margin:0;
	padding:5px 0;
  border-top: 2px solid #555;
}
#footer a { padding:0 10px; }

/* other style stuff */
.box { width:465px; padding:5px 0 10px 0; margin:10px 0; }
.center { float: none; clear:both; padding: 10px 0; margin:0 auto; width:620px; }
.left { clear:left; float: left; }
.right { clear:right; float: right; }
.spinner { padding:10px 10px 5px 10px; background: transparent url(../files/images/spinner.gif) center center no-repeat; }
.security-code { vertical-align:top;text-align:center;padding:6px 2px;font-size:1.4em; text-transform:uppercase; }
.hideme { display:none; }
.emphasize { color:#e31; font-weight:bold; }
.voter { display:block; font-size: 0.9em; font-weight:bold; padding:2px 10px; }
.voter a { font-size:1.1em; text-decoration: none; }
.voter label { cursor: pointer; }
.pickhiglight { display:inline; padding:2px 0 0 0; margin:0; border:2px solid #33CC55; }
.pickhiglight:hover { border:2px solid #3355CC; }
/* form validation styles */
.info   { color: #3333EE; font-weight: normal; padding:5px; }
.warn   { color: #EE8844; font-weight: normal; padding:5px; }
.error  { color: #FF0000; font-weight: bold; padding:5px; }
.success  { color: #22bb22; font-weight: bold; padding:5px; }
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required, select.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { padding: 3px; color: #FF3300; font-weight: bold; }
.custom-advice { padding: 3px; color: #C8AA00; font-weight: bold; }

/* buttons for input fields */
input.button {
	width:auto;
  font-weight: bold;
  background: #222222 url(../files/images/button.png) repeat-x top center;
  padding: 3px 1em 3px 1em;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}
input.button:hover {
  background: #333333 url(../files/images/button_hover.png) repeat-x bottom center;
	cursor: pointer;
}
input.bigbutton {
	width:auto;
  font-weight: bold;
  background: #222222 url(../files/images/button.png) repeat-x top center;
	margin:6px 0 0 0;
  padding: 6px 0.7em;
	font-size:1.3em;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}
input.bigbutton:hover {
  background: #222222 url(../files/images/button_hover.png) repeat-x bottom center;
	cursor: pointer;
}
/*buttons for text links*/
.button a {
	width:auto;
  font-weight: bold;
  background: #222222 url(../files/images/button.png) repeat-x top center;
  padding: 3px 1em 3px 1em;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}
.button a:hover {
  background: #222222 url(../files/images/button_hover.png) repeat-x bottom center;
	cursor: pointer;
}
